<template>
  <van-cell title-class="left">
    <!-- 使用 title 插槽来自定义标题 -->
    <template #title>
<!--      <span>今日</span>-->
<!--      <span>必拼</span>-->
      <slot></slot>
    </template>
    <template #right-icon>
      <router-link :to="props.path">更多新品</router-link>
        <van-icon name="arrow" size="13" color="#999999" class="search-icon"/>
    </template>
  </van-cell>
</template>

<script setup lang="ts">

//TODO:今日必拼路径修改
const props = defineProps({
  path:{
    type:String,
    default:'/??'
  }
})
</script>

<style scoped lang="scss">
//.left{
//  &>span:first-child{
//    font: {
//      size: 18px;
//      weight: 700;
//    }
//  }
//  &>span:last-child{
//    color: red;
//    font: {
//      size: 18px;
//      weight: 700;
//    }
//  }
//}
//.right{
//  font: {
//    size: 14px;
//  }
//  color: #999999;
//}
.search-icon {
  font-size: 16px;
  line-height: inherit;
}
.more{
  margin: 0;
}
.router-link-active{
  color: black;
}
</style>